<!--
  Generated template for the VideoPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title mode="ios">视频播放</ion-title>
  </ion-navbar>

</ion-header>


<ion-content >
    <ion-list no-lines>
        <div *ngFor="let item of sources">
          <vg-player class="video-container">
            <vg-overlay-play></vg-overlay-play>
            <vg-buffering></vg-buffering>
            <vg-controls>
              <vg-play-pause></vg-play-pause>
              <vg-playback-button></vg-playback-button>
    
              <vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>&nbsp;
              <vg-time-display vgProperty="left" vgFormat="mm:ss"></vg-time-display>&nbsp;
              <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>
              <vg-mute></vg-mute>
              <vg-volume></vg-volume>
              <vg-fullscreen ></vg-fullscreen>
            </vg-controls>
            <video #myMedia [vgMedia]="myMedia" id="{{item.id}}" class="video-js vjs-default-skin vjs-fluid" 
            height="210" preload="auto" 
            poster="../../assets/imgs/是否.png"
             crossorigin playsinline webkit-playsinline>
              <source src="../../assets/video/是否.mp4" type="video/mp4">
            </video>
          </vg-player>
          <ion-item>
            <ion-avatar item-left>
               <img src="../../assets/imgs/1.jpg">
            </ion-avatar>
            <h2><strong>标题：{{item.title}}</strong></h2>
            <h3>描述：{{item.desc}}</h3>
          </ion-item>
        </div>
      </ion-list>
</ion-content>
